import Taro, {Component} from '@tarojs/taro'
import {Provider} from '@tarojs/redux'

// import Home from './pages/index'

import configStore from './store'

import './app.scss'
import './styles/font/iconfont.scss'
import {isWeapp} from './utils/platform'
// import 'taro-ui/dist/style/index.scss' // 全局引入一次即可

// 如果需要在 h5 环境中开启 React Devtools
// 取消以下注释：
// if (process.env.NODE_ENV !== 'production' && process.env.TARO_ENV === 'h5')  {
//   require('nerv-devtools')
// }

const store = configStore()

class App extends Component {

  globalData = {}

  config = {
    pages: [
      // 'pages/operate/index',
      // 'pages/delivery/index',
      'pages/tabs/index',
      // 'pages/about/index',
      // 'pages/home/index',
      // 'pages/recommend/index',
      // 'pages/mine/index',
      // 'pages/cate/index',
      // 'pages/like/index',
      // 'pages/auth/index',

      // 'pages/list/index',
      // 'pages/products/index',
      // 'pages/detail/index',
      // 'pages/share/index',
      // 'pages/tiling/index',
      // 'pages/video/index',
      // 'pages/about/index'
    ],
    //
    //  分包路径
    subPackages: [
      {
        "root": "pages/operate",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/like",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/auth",
        "pages": [
          "index"
        ],
      },
      {
        "root": "pages/list",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/detail",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/share",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/video",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/about",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/search",
        "pages": [
          "index"
        ]
      },
      {
        "root": "pages/delivery",
        "pages": [
          "index"
        ]
      }
      // {
      //   "root": "pages/cate",
      //   "pages": [
      //     "index"
      //   ]
      // },
      // {
      //   "root": "pages/mine",
      //   "pages": [
      //     "index"
      //   ]
      // },
      // {
      //   "root": "pages/home",
      //   "pages": [
      //     "index"
      //   ]
      // }
    ],
    "preloadRule": {
      "pages/detail/index": {
        "network": "all",
        "packages": ["__APP__"]
      }
    },
    window: {
      navigationBarBackgroundColor: '#fff',
      // navigationBarTitleText: '阳光、碎片',
      navigationBarTextStyle: 'black',
      enablePullDownRefresh: false,
      backgroundTextStyle: "dark",
      pageOrientation: "portrait"
    },
    // tabBar:{
    //   color:'#34454c',
    //   selectedColor:'#2185c5',
    //   // selectedColor: '#FFC001',
    //   // backgroundColor: '#252525',
    //   backgroundColor:'#fff',
    //   borderStyle:'white',
    //   list: [{
    //     pagePath: 'pages/home/index',
    //     text: '首页',
    //     iconPath: './assets/img/tab/home.png',
    //     selectedIconPath: './assets/img/tab/home_active.png'
    //   }, {
    //     pagePath: 'pages/recommend/index',
    //     text: '种草',
    //     iconPath: './assets/img/tab/zhongcao.png',
    //     selectedIconPath: './assets/img/tab/zhongcao_active.png'
    //   },{
    //     pagePath: 'pages/cate/index',
    //     text: '分类',
    //     iconPath: './assets/img/tab/cate.png',
    //     selectedIconPath: './assets/img/tab/cate_active.png'
    //   },{
    //     pagePath: 'pages/mine/index',
    //     text: '我的',
    //     iconPath: './assets/img/tab/mine.png',
    //     selectedIconPath: './assets/img/tab/mine_active.png'
    //   }]
    // }
  }

  componentWillMount() {
    this.autoUpdate()
  }

  componentDidMount() {

  }

  componentDidShow() {

  }

  componentDidHide() {
  }

  componentDidCatchError() {
  }


  autoUpdate() {
    var self = this
    // 获取小程序更新机制兼容
    if (isWeapp() && Taro.canIUse('getUpdateManager')) {
      const updateManager = Taro.getUpdateManager()
      //1. 检查小程序是否有新版本发布
      updateManager.onCheckForUpdate(function (res) {
        // 请求完新版本信息的回调
        if (res.hasUpdate) {
          //检测到新版本，需要更新，给出提示
          Taro.showModal({
            title: '更新提示',
            content: '检测到新版本，是否下载新版本并重启小程序？',
            success: function (res) {
              if (res.confirm) {
                //2. 用户确定下载更新小程序，小程序下载及更新静默进行
                self.downLoadAndUpdate(updateManager)
              } else if (res.cancel) {
                //用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
                Taro.showModal({
                  title: '温馨提示~',
                  content: '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~',
                  showCancel: false,//隐藏取消按钮
                  confirmText: "确定更新",//只保留确定更新按钮
                  success: function (res) {
                    if (res.confirm) {
                      //下载新版本，并重新应用
                      self.downLoadAndUpdate(updateManager)
                    }
                  }
                })
              }
            }
          })
        }
      })
    } else {
      // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
      Taro.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
      })
    }
  }

  /**
   * 下载小程序新版本并重启应用
   */
  downLoadAndUpdate(updateManager) {
    var self = this
    Taro.showLoading();
    //静默下载更新小程序新版本
    updateManager.onUpdateReady(function () {
      Taro.hideLoading()
      //新的版本已经下载好，调用 applyUpdate 应用新版本并重启
      updateManager.applyUpdate()
    })
    updateManager.onUpdateFailed(function () {
      // 新的版本下载失败
      Taro.showModal({
        title: '已经有新版本了哟~',
        content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
      })
    })
  }


  // 在 App 类中的 render() 函数没有实际作用
  // 请勿修改此函数
  render() {
    return (
      <Provider store={store}>
        {/* <Home /> */}
      </Provider>
    )
  }
}

Taro.render(<App/>, document.getElementById('app'))
